<template>
  <div>
      <h1>{{this.$route.query.name}}</h1>22
      <div class="color">
        <div class="block">
            <span class="demonstration">有默认值</span>
            <el-color-picker v-model="color1"></el-color-picker>
          </div>
          <div class="block">
            <span class="demonstration">无默认值</span>
            <el-color-picker v-model="color2"></el-color-picker>
          </div>
      </div>
       <parse-picker class="right"></parse-picker>
  </div>
</template>
<script>
import ParsePicker from "parse-color";
import ElementUI from 'element-ui'
 export default {
   components: {
    ParsePicker,
    ElementUI
  },
    data() {
      return {
        color1: '#409EFF',
        color2: null
      }
    }
  };
</script>
<style>
.color {
  width: 1000px;
  height: 1000px;
  border: 1px solid black;
}
</style>